<!-- 模板 -->
<template>
  <div class="">
    <van-tabbar v-model="num">
      <van-tabbar-item icon="home-o" @click="$router.push('/home')"
        >首页</van-tabbar-item
      >
      <van-tabbar-item icon="friends-o" @click="$router.push('/order')"
        >预约</van-tabbar-item
      >
      <van-tabbar-item icon="balance-list-o" @click="$router.push('/case')"
        >案例</van-tabbar-item
      >
      <van-tabbar-item icon="location-o" @click="$router.push('/company')"
        >公司</van-tabbar-item
      >
    </van-tabbar>
  </div>
</template>

<script>
// import component from '@/components/*.vue'
export default {
  name: '',
  data() {
    return {
      num: parseInt(this.active),
    }
  },
  props: {
    active: {
      type: Number,
      value: 0,
    },
  },
  components: {},
  computed: {},
  filters: {},
  methods: {},
  created() {},
  mounted() {},
}
</script>

<style lang="less" scoped>
//@import url(); 引入公共css类
.van-tabbar {
  height: 1.3rem;
  border-top: 1px solid rgb(170, 167, 167);
}
</style>
